// 账号  电话号码 登录的切换
console.log($("#xx span"))
$("#xx span").on("click", function() {
    $("#xx span").each(function() {
        $(this).removeClass("dl1")
    })
    $(this).addClass("dl1")
    $("#mm").attr("style", "display:none")
    $("#sj").attr("style", "display:none")
    if ($(this).index() == 0) {
        $("#mm").attr("style", "display:block")
    } else if ($(this).index() == 1) {
        $("#sj").attr("style", "display:block")
    }
})

//密码登录的正则

// 账号  
var dd1 = false,
    dd2 = false;
var tel = /^[1][3,4,5,7,8][0-9]{9}$/;
var tel1 = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/;
$("#txt").blur(function() {
        let a = $(this).val()
        console.log(tel.test(a))
        console.log(a)
        if (tel.test(a) || tel1.test(a)) {
            $("#mm").removeClass("mm1")
            dd1 = true;
        } else {
            $("#mm").addClass("mm1")
        }
    })
    // 密码
var mmm = /^[a-zA-Z0-9_-]{4,16}$/
$("#pass").blur(function() {
    let a = $(this).val()
    console.log(tel.test(a))
    console.log(a)
    if (mmm.test(a)) {
        $("#mm").removeClass("mm2")
        dd2 = true;
    } else {
        $("#mm").addClass("mm2")
    }
})
$("#dl4").click(function() {
    if (dd1 && dd2) {
        window.location.href = "index.html";
    }
})

// 手机登录 \
// 电话正则
$("#txt1").blur(function() {
    let a = $(this).val()
    console.log(tel.test(a))
    console.log(a)
    if (tel.test(a)) {
        $("#sj").removeClass("sj2")
    } else {
        $("#sj").addClass("sj2")
    }
})
let zz = false;
var l = "";
$("#btn1").click(function() {
    var o = 5;
    if (tel.test($("#txt1").val())) {
        zz = true;
        l = "";
        $("#btn1").html(`${o}秒后可重新发送`)
        $("#btn1").css("background-color", "#888585");
        $("#sj").attr("class", "")
        $(this).attr("disabled", true)
        var kk = setInterval(function() {
            o -= 1
            $("#btn1").html(`${o}秒后可重新发送`)
            $("#btn1").css("background-color", "#888585");
            if (o <= 0) {
                $("#btn1").css("background-color", "#eb6100");
                $("#btn1").css("color", "#fff");
                $("#btn1").html(`获取验证码`)
                $("#btn1").attr("disabled", false)
                clearInterval(kk)
                kk = null
            }
            console.log(o)

        }, 1000);
        for (let b = 0; b < 4; b++) {
            var c = parseInt(Math.random() * 10)
            l += c
        }
        console.log(l)
    } else {
        $("#sj").addClass("sj3")
    }

})
$("#btn2").click(function() {
    // console.log(l)
    // console.log(zz)
    console.log($(this).val())

    console.log($(this).val() == l)

    if (($("#yz").val() == l) && (zz)) {
        alert("恭喜你注册成功")
        window.location.href = "index.html";
    } else {
        alert("验证码错误")
    }
})